home *** CD-ROM | disk | FTP | other *** search
/ Apple Developer Connectio…eloper Series 2005 March / Dev.CD Mar 05.iso / What's New / Technical Notes and Q&As / ADC Reference Library / css / adcstyle.css091603.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2003-08-19  |  10.4 KB  |  407 lines
  1.  
  2. /* body description */
  3. BODY 
  4.     {    margin-top: 0;
  5.         margin-bottom: 0;
  6.         margin-left: 0;
  7.         margin-right: 0;
  8.         background-color: #ffffff;
  9.     }
  10.  
  11. /* link classes */
  12. A:link            { COLOR: #0000FF; TEXT-DECORATION: none; }
  13. A:link:hover    { COLOR: #FF6600; TEXT-DECORATION: underline }
  14. A:active        { COLOR: #FF6600; TEXT-DECORATION: underline}
  15.  
  16. /* apple site does not explicitly define visited link properties, but we do here */ 
  17. A:visited        { COLOR: #0000AA; TEXT-DECORATION: none }
  18. A:visited:hover    { COLOR: #FF6600; TEXT-DECORATION: underline } 
  19.  
  20.  
  21. /* link pseudo-classes */
  22. A.resources:link            { COLOR: #0000FF; TEXT-DECORATION: none }
  23. A.resources:link:hover        { COLOR: #ff6600; TEXT-DECORATION: underline }
  24. A.resources:visited            { COLOR: #0000FF; TEXT-DECORATION: none }
  25. A.resources:visited:hover    { COLOR: #ff6600; TEXT-DECORATION: underline }
  26. A.resources:active            { COLOR: #ff6600; TEXT-DECORATION: underline }
  27.  
  28.  
  29. /* redefine table cell */
  30. td, TD {
  31.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  32. }
  33.  
  34. /* redefine ordered list */
  35. ol, OL {
  36.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  37. }
  38.  
  39. /* redefine unordered list */
  40. ul, UL {
  41.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  42. }
  43.  
  44. /* redefine list item */
  45. li, LI {
  46.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  47. }
  48.  
  49.  
  50.  
  51.  
  52. /* Article heading for Home Page */
  53. #articlehead {
  54.     FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  55. }
  56. #linklisthead {
  57.     FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  58. }
  59.  
  60. #sectionhead {
  61.     FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  62. }
  63. #sectionsubhead {
  64.     FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  65. }
  66. #sectionheadorange {
  67.     FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #DB3700; FONT-FAMILY: lucida grand, geneva, helvetica, arial, sans-serif
  68. }
  69. #resources {
  70.     margin-bottom: 2px; FONT-WEIGHT: normal; FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  71. }
  72.  
  73.  
  74. /* glossary page styles */
  75. #glossary_header { 
  76.     font-size: 12px; font-weight: bold; 
  77. }
  78. #glossary_header_letter { 
  79.     font-size: 14px; font-weight: bold; 
  80. }
  81.  
  82.  
  83. /* form class, removes whitespace browsers use by default with forms */
  84. #form {
  85.     margin-bottom:0;margin-right:0;margin-left:0;margin-top:0;
  86. }
  87.  
  88.  
  89. /* paragraph describing page located just below the black text page title */
  90. #paragraph_description {
  91.     font-size: 12px;
  92. }
  93.  
  94.  
  95. /* rate this page feedback form styles */
  96. #feedback_header {
  97.     font-family: lucida grande, arial; font-size: 10px; color: #FFFFFF; text-align: center;
  98. }
  99. #feedback_text {
  100.     font-family: lucida grande, arial; font-size: 10px; color: #000000;
  101. }
  102. #radio_help {
  103.     text-align: center; padding-top: 4px;
  104. }
  105. #radio_easy {
  106.     text-align: center; padding-bottom: 4px;
  107. }
  108.  
  109.  
  110. /* search results box styles */
  111. #results_cell_first { 
  112.     border-top: 1px #A2A6A9 solid; border-left: 1px #A2A6A9 solid; 
  113. }
  114. #results_cell_title {
  115.     padding-top: 10px; padding-bottom: 10px; border-top: 1px #A2A6A9 solid; padding-right: 6px; font-size: 12px; font-weight: bold; vertical-align: top;
  116. }
  117. #results_cell_other {
  118.     padding-top: 10px; padding-bottom: 10px; border-top: 1px #A2A6A9 solid; padding-left: 6px; padding-right: 6px; vertical-align: top;
  119. }
  120. #results_cell_date {
  121.     padding-top: 10px; padding-bottom: 10px; border-top: 1px #A2A6A9 solid; padding-left: 4px; vertical-align: top;
  122. }
  123. #results_cell_last {
  124.     border-top: 1px #A2A6A9 solid; border-right: 1px #A2A6A9 solid;
  125. }
  126. .results_description { 
  127.     font-size: 10px; font-weight: normal;
  128. }
  129.  
  130.  
  131.  
  132. /* apple script (or any other reference library page) styles */
  133. #header { 
  134.     font-size: 12px; font-weight: bold;
  135. }
  136. #link_header {
  137.     font-size: 10px; font-weight: bold;
  138. }
  139. #blue_header {
  140.     font-size: 12px; font-weight: bold; color: #000099;
  141. }
  142. #td_left_line {
  143.     border: 1px #555555 left;
  144. }
  145.  
  146.  
  147. /* co marketing styles */
  148. #icon_cell {
  149.     height: 93px; text-align: center;
  150. }
  151. #detail_header {
  152.     text-align: middle; background: #6D7F95; color: #FFFFFF; font-family: verdana;
  153.     font-weight: bold; font-size: 10px;
  154. }
  155. #vendor_bullet {
  156.     color: #696969;
  157. }
  158. #comarket_paragraph {
  159.     color: #696969; font-size: 12px;
  160. }
  161. #vendor_detail {
  162.     font-family: lucida grande, verdana; font-size: 12px;
  163. }
  164. #vendor_contact {
  165.     font-family: verdana; font-size: 10px;
  166. }
  167. #detail_heading {
  168.     font-weight: bold;
  169. }
  170. #detail_copy {
  171.     font-family: lucida grande, arial; font-size: 12px;
  172. }
  173. #discount_box_header {
  174.     color: #FFFFFF; font-weight: bold;
  175. }
  176. #discount_box_copy {
  177.     font-family: lucida grande, arial; font-size: 12px;
  178. }
  179. #photo_table_copy {
  180.     color: #7D7D7D; font-family: lucida grande, arial; font-size: 10px;
  181. }
  182.  
  183.  
  184. /*narrative styles */
  185. #narrative_paragraph {
  186.     color: #696969; font-size: 14px;
  187. }
  188. #narrative_header {
  189.     font-family: lucida grande, arial; font-size: 13px; font-weight: bold;
  190. }
  191. #narrative_content {
  192.     font-family: lucida grande, arial; font-size: 12px; vertical-align: top;
  193. }
  194. #pic_box_text {
  195.     color: #878787; line-height: 11px; font-family: lucida grande, arial; font-size: 11px; 
  196. }
  197. #blue_copy {
  198.     color: #466C9B; padding-left: 15px;
  199. }
  200. #green_copy {
  201.     color: #3B636F; padding-left: 15px;
  202. }
  203. #purple_copy {
  204.     color: #665588; padding-left: 15px;
  205. }
  206. #gray_copy {
  207.     color: #787C7F; padding-left: 15px;
  208. }
  209. #pager {
  210.     color: #76797C;
  211. }
  212.  
  213.  
  214. /* product line styles */
  215. #product_line_list {
  216.     font-size: 10px; 
  217. }
  218. #product_line_bullet {
  219.     font-size: 10px; vertical-align: top; color: #0000FF;
  220. }
  221.  
  222.  
  223. /* membership overview styles */
  224. #member_header {
  225.     text-align: left; font-family: verdana; font-weight: bold; font-size: 10px; color: #FFFFFF;     
  226. }
  227.  
  228. #member_category {
  229.     text-align: center; border-left: 1px #FFFFFF solid; font-family: verdana; font-weight: bold; font-size: 10px; color: #FFFFFF;
  230. }
  231.  
  232. #white_row {
  233.     background: #FFFFFF;
  234. }
  235. #blue_row {
  236.     background: #F0F5F9;
  237. }
  238. #spacer_row {
  239.     border-right: 1px solid #A2A6A9; border-left: 1px solid #A2A6A9;
  240. }
  241. #left_border {
  242.     border-left: 1px solid #A2A6A9;
  243. }
  244. #right_border {
  245.     border-right: 1px solid #A2A6A9; text-align: center; vertical-align: middle;
  246. }
  247. #gray_line {
  248.     border-right: 1px solid #A2A6A9; border-left: 1px solid #A2A6A9; background: #A2A6A9;
  249. }
  250. #dot_cell {
  251.     text-align: center; vertical-align: middle;
  252. }
  253. #fine_print {
  254.     vertical-align: top; font-size: 11px; color: #5F5F5F; font-family: lucida grande , arial;
  255. }
  256. #pricing {
  257.     font-size: 12px; font-family: lucida grande , arial;
  258. }
  259.  
  260.  
  261. /* technical note classes */
  262. #important_note {
  263.     background: #E2E2E2; border: 1px solid #CCCCCC;
  264. }
  265. #page_contents {
  266.     font-size: 12px; line-height: 20px; color: #0000FF;
  267. }
  268.  
  269. #tech_content {
  270.     font-size: 12px;
  271. }
  272. #tech_header {
  273.     font-size: 14px; font-weight: bold;
  274. }
  275. #tech_subhead {
  276.     font-size: 12px; font-weight: bold;
  277. }
  278. #tech_list {
  279.     font-size: 12px; padding-bottom: 9px;
  280. }
  281. #source_code_box {
  282.     border: 1px solid #C7CFD5; background: #F1F5F9; 
  283. }
  284. #source_code {
  285.     font-family: monaco; font-size: 10px; margin-bottom: 0px; padding: 12px;
  286. }
  287. #example_title {
  288.     font-size: 10px; margin-bottom: 5px; color: #28333B;
  289. }
  290. #example_table_header {
  291.     font-weight: bold; background: #C7CFD5; 
  292. }
  293. #example_table_cell {
  294.     border: 1px #C7CFD5 solid; background: #F1F5F9; vertical-align: top; font-size: 12px;
  295. }
  296. #download_cell_1 {
  297.     background: #F6F6F6; font-size: 11px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px;
  298.     border-left: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;
  299. }
  300. #download_cell_2 {
  301.     background: #F6F6F6; font-size: 10px; padding-top: 2px; padding-bottom: 2px; 
  302.     border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;
  303. }
  304. #download_cell_3 {
  305.     background: #F6F6F6; font-size: 10px; padding-top: 2px; padding-bottom: 2px; padding-right: 2px;
  306.     border-right: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;
  307. }
  308. #download_content {
  309.     font-size: 12px; vertical-align: middle;
  310. }
  311. #download_link {
  312.     font-size: 10px; vertical-align: middle;
  313. }
  314. #back_to_top {
  315.     font-size: 10px; 
  316. }
  317.  
  318.  
  319. /* redefine preformated text and code blocks */
  320. PRE {
  321.     FONT-SIZE: 10px; FONT-FAMILY: monaco, courier, monospace;
  322. }
  323. CODE {
  324.     FONT-SIZE: 10px; FONT-FAMILY: monaco, courier, monospace;
  325. }
  326.  
  327.  
  328. /* sample code classes */
  329. #right_content {
  330.     text-align: right; font-size: 12px;
  331. }
  332. #sc_content {
  333.     font-size: 12px;
  334. }
  335.  
  336.  
  337.  
  338.  
  339.  
  340.  
  341. /* Original Apple CSS items (unused at this time) */
  342. /* ---------------------------------------------- */
  343.  
  344. H1 {
  345.     FONT-WEIGHT: bold; FONT-SIZE: 18px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  346. }
  347.  
  348. #text {
  349.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif; line-height: 16px;
  350. }
  351.  
  352.  
  353. #bodytext {
  354.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  355. }
  356. #bodytextlarge {
  357.     FONT-SIZE: 12px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  358. }
  359. #bodytitle {
  360.     FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  361. }
  362. #bodytitlelarge2 {
  363.     FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  364. }
  365. #bodytitlelarge {
  366.     FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: arial, helvetica, sans-serif
  367. }
  368. #bodytitleextralarge {
  369.     FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: arial, helvetica, sans-serif
  370. }
  371. #callout {
  372.     FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #737373; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  373. }
  374. #calloutsubitem {
  375.     FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  376. }
  377. #resourcetitle {
  378.     FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  379. }
  380. #resourcetext {
  381.     FONT-SIZE: 10px; FONT-FAMILY: helvetica, geneva, arial, sans-serif
  382. }
  383. #resourcehead {
  384.     FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #808080; FONT-FAMILY: arial, helvetica, sans-serif
  385. }
  386. #mkt {
  387.     FONT-SIZE: 12px; FONT-FAMILY: arial, helvetica, sans-serif
  388. }
  389. #mkt2 {
  390.     FONT-SIZE: 14px; FONT-FAMILY: arial, helvetica, sans-serif
  391. }
  392. #breadcrumb {
  393.     FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: arial, helvetica, sans-serif
  394. }
  395. #breadcrumblocation {
  396.     FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #cc6600; FONT-FAMILY: arial, helvetica, sans-serif
  397. }
  398. #menutitle {
  399.     FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-LEFT: 10px; FONT-FAMILY: arial, helvetica, sans-serif
  400. }
  401. #menutext {
  402.     FONT-SIZE: 10px; MARGIN-LEFT: 10px; LINE-HEIGHT: 14px; FONT-FAMILY: helvetica, geneva, arial, sans-serif
  403. }
  404. #source {
  405.     FONT-SIZE: 9px; COLOR: #666666; FONT-STYLE: italic; FONT-FAMILY: helvetica, geneva, arial, sans-serif
  406. }
  407.